<html xmlns="http://www.w3.org/1999/xhtml" xmlns:c="http://java.sun.com/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:t="http://myfaces.apache.org/tomahawk">

<f:view>
<f:loadBundle var="messages" basename="messages"/>

<head>
    <title>#{messages['comunidadeList.title']}</title>
    <style type="text/css">
        @import url(#{facesContext.externalContext.requestContextPath}/styles/myfaces.css);
    </style>
</head>

<t:dataTable value="#{comunidadeList.comunidades}" var="comunidade" id="comunidades">
			<h:column>
				<div class="comunidade"><img class="capaNoticia"
					src="images/logo_comunidade.gif" />
				<div class="metadadosNoticia">
				<h1><h:outputText value="#{comunidade.nome}" /></h1> <br />
					<h:outputText value="#{comunidade.descricao}" /><br /><br />
					<h:outputLabel value="Criada em: "/> 
						<h:outputText value="#{comunidade.dataCriacao}" >
								<f:convertDateTime dateStyle="short" type="date" />
						</h:outputText> <br/>								
					<h:outputLabel value="Palavras Chaves: "/> 
						<h:outputText value="#{comunidade.tags}" /><br />
					<h:outputLabel value="Forum: "/>
						<c:choose>
						<c:when test="${comunidade.forumPrivado == 1}">
							<h:outputLabel value="Privado" />
						</c:when>
						<c:otherwise>
							<h:outputLabel value="Publico" />
						</c:otherwise>
						</c:choose>
						<br/>
					<h:outputLabel value="Adesao: "/>
						<c:if test="${comunidade.aprovacaoAdesao}">
							<h:outputLabel value="Manual" />
						</c:if>
						<c:if test="${not comunidade.aprovacaoAdesao}">
							<h:outputLabel value="Automatica" />
						</c:if>
						<br/> <br/>
					
		<h:form id="editComunidade">
				<h:graphicImage value="images/botao_alterar.jpg"/>	
				<h:commandLink action="#{comunidadeForm.edit}" value="Editar">
					<f:param name="id" value="#{comunidade.id}" />
				</h:commandLink>
		</h:form> <br />
				</div>
				</div>
			</h:column>
		</t:dataTable>


<h:form id="editComunidade">
<h:commandButton value="Criar Comunidade" action="add" id="add" immediate="true" styleClass="button"/>
</h:form>

<script type="text/javascript">
    highlightTableRows("editComunidade:comunidades");
</script>


</f:view>
</html>
